<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%@ include file="../include/include.jsp"%>
<title>【置换购车_二手车置换_最新二手车置换优惠】_麦麦车二手车网络超市</title>
<meta name="description" content="麦麦车二手车置换频道，设置品牌置换购车专区，提供全品牌的4S店新车置换，提供特价新车，是您置换二手车的最佳平台。" />
<meta name="Keywords" content="二手车置换" />
<link rel="stylesheet" type="text/css" href="${contextPath}/resources/css/exchange.css">
<link rel="stylesheet" href="${cssPath}/resources/js/validationEngine/css/validationEngine.jquery.css" type="text/css"/>
<link rel="stylesheet" href="${cssPath}/resources/js/validationEngine/css/template.css" type="text/css"/>
</head>
<body>
	<%@ include file="../include/head.jsp"%>
	<!--#cnt 中间的内容-->
	<div id="cnt">
		<div class="cnt-wrap">
			<div class="left-cnt f-fl">
				<!--path-wrap 面包屑-->
				<div class="path-wrap">
					<div class="path">
						<span>当前位置：</span>
						<a href="#">二手车网络超市</a>
						<span>&gt;</span>
						<span>我要置换</span>
					</div>
				</div>
				<!--path-wrap end-->
				<img src="${contextPath}/resources/images/displace-img.png" width="730px" height="366px" alt="驾驭升级 畅想无忧" title="驾驭升级 畅想无忧" class="displace-img" />
				<div class="displace-wrap">
					<h1 class="mmche-icon">
						新车置换厦门合作品牌
					</h1>
					<ul class="brand-list f-oh">
						<li>
							<a href="${contextPath}/car/biaozhi/">
							<img src="${contextPath}/resources/images/brand/biaozhi.jpg" width="100px" height="100px" alt="标致" title="标致" />
							<div class="brand-name">标致</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/dazhong/">
							<img src="${contextPath}/resources/images/brand/dazhong.jpg" width="100px" height="100px" alt="大众" title="大众" />
							<div class="brand-name">大众</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/fengtian/">
							<img src="${contextPath}/resources/images/brand/fengtian.jpg" width="100px" height="100px" alt="丰田" title="丰田" />
							<div class="brand-name">丰田</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/xiandai/">
							<img src="${contextPath}/resources/images/brand/xiandai.jpg" width="100px" height="100px" alt="现代" title="现代" />
							<div class="brand-name">现代</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/bieke/">
							<img src="${contextPath}/resources/images/brand/bieke.jpg" width="100px" height="100px" alt="别克" title="别克" />
							<div class="brand-name">别克</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/baoma/">
							<img src="${contextPath}/resources/images/brand/baoma.jpg" width="100px" height="100px" alt="宝马" title="宝马" />
							<div class="brand-name">宝马</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/bentian/">
							<img src="${contextPath}/resources/images/brand/bentian.jpg" width="100px" height="100px" alt="本田" title="本田" />
							<div class="brand-name">本田</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/fute/">
							<img src="${contextPath}/resources/images/brand/fute.jpg" width="100px" height="100px" alt="福特" title="福特" />
							<div class="brand-name">福特</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/xuefolan/">
							<img src="${contextPath}/resources/images/brand/xuefolan.jpg" width="100px" height="100px" alt="雪佛兰" title="雪佛兰" />
							<div class="brand-name">雪佛兰</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/qiya/">
							<img src="${contextPath}/resources/images/brand/qiya.jpg" width="100px" height="100px" alt="起亚" title="起亚" />
							<div class="brand-name">起亚</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/aodi/">
							<img src="${contextPath}/resources/images/brand/aodi.jpg" width="100px" height="100px" alt="奥迪" title="奥迪" />
							<div class="brand-name">奥迪</div>
							</a>
						</li>
						<li>
							<a href="${contextPath}/car/benchi/">
							<img src="${contextPath}/resources/images/brand/benchi.jpg" width="100px" height="100px" alt="奔驰" title="奔驰" />
							<div class="brand-name">奔驰</div>
							</a>
						</li>
					</ul>
				</div>
				<c:if test="${not empty news}">
				<div class="displace-wrap">
					<h1 class="mmche-icon">
						新车特卖
					</h1>
					<ul class="displace-list">
						<c:forEach var="car" items="${news}">
						<li>
							<div class="pro-img-wrap f-fl">
								<div class="pro-img v-h-center">
									<span>
										<img src="${car.imgPath}/${car.indexPicPath}" alt="${car.title}">
									</span>
								</div>
							</div>
							<div class="pro-info-wrap f-fl">
								<div class="pro-info">
									<h2>
										${car.title}
									</h2>
									<fmt:formatNumber value="${car.guidePrice}" var="guidePrice" pattern="#.##"/>
									<p>
										<span>厂商指导价：</span><span class="color-333">${guidePrice}万元</span>
									</p>
									<fmt:formatNumber value="${car.price}" var="price" pattern="#.##"/>
									<p class="price-info">
										<span>限时特卖价：</span><span class="price red">${price}</span><span class="red">万元</span>
									</p>
								</div>
								<div class="sale-info">
									<h1 class="mmche-icon">
										特卖说明
									</h1>
									<c:forEach var = "remark" items="${car.remark}">
									<p>
										${remark}
									</p>
									</c:forEach>
									<div class="phone-wrap">
										<span class="f-fl mmche-icon"></span>
										<p>
											抢购热线：
										</p>
										<div class="phone">
											400-8828-557
										</div>
									</div>
								</div>
							</div>
							<div class="f-clear"></div>
						</li>
						</c:forEach>
					</ul>
				</div>
				</c:if>
			</div>
			<div class="right-cnt f-fr">
				<!--cnt-wrap 爱车信息表单-->
				<div class="cnt-wrap fm-wrap">
					<div class="cnt-hd-wrap">
						<h2 class="mmche-bg">
							登记您的爱车信息
						</h2>
					</div>
					<div class="cnt-list">
						<form id="exchangeForm" class="car-fm" method="post" action="${contextPath}/zhihuan/save.html">
							<input type="hidden" name="token" value="${token}"/>
							<ul class="car-info">
								<li>
									<span class="f-fl fm-label"><span class="red-star">*</span>车主姓名：</span>
									<input type="text" class="fm-text fm-text2 f-fl validate[required]" name="name"/>
									<div class="f-clear"></div>
									<input class="fm-radio fm-radio1" type="radio" value="1" name="sex" checked="checked"><span class="fm-label2">先生</span><input class=" fm-radio" name="sex" type="radio" value="2"><span>女士</span>
								</li>
								<li>
									<span class="f-fl fm-label"><span class="red-star">*</span>手机号码：</span>
									<input type="text" class="fm-text fm-text2 validate[required,custom[mobile]]" name="mobile" />
								</li>
								<li>
									<span class="f-fl fm-label"><span class="red-star">*</span>出售车辆：</span>
									<select class="brand-select fm-select validate[required]" id="oldBrand" name="oldBrandId">
										<option value="">请选择品牌</option>
										<c:forEach var="brand" items="${brands}">
											<option value="${brand.enname}">${brand.firstLetter} ${brand.name}</option>
											</c:forEach>
										</select>
									<select class="series-select fm-select fm-select2 validate[required]" id="oldSeries" name="oldSeries">
										<option value="">请选择车系</option>
									</select>
									<div class="f-clear"></div>
								</li>
								<li>
									<span class="f-fl fm-label"><span class="red-star">*</span>购买日期：</span>
									<select class="fm-select fm-select-y validate[required]" name="year">
										<option value="">选择</option>
						                <c:forEach var="year" items="${years}">
						                	<option value="${year}" >${year}</option>
						                </c:forEach>
									</select><span>年</span>
									<select class="fm-select fm-select-m validate[required]" name="month">
										<option value="">选择</option>
										<c:forEach   var="i"   begin="1"   end="12"  step="1">   
						                	<option value="${i}">${i}</option>
						                </c:forEach>
									</select><span>月</span>
									<div class="f-clear"></div>
								</li>
								<li>
									<span class="f-fl fm-label"><span class="red-star">*</span>行驶里程：</span>
									<input type="text" class="fm-text validate[required,custom[number],min[0],max[50]]" name="mileage" /><span>万公里</span>
								</li>
								<li>
									<span class="f-fl fm-label">预购车辆：</span>
									<select class="brand-select fm-select" id="newBrand" name="newBrandId">
										<option value="">请选择品牌</option>
										<c:forEach var="brand" items="${brands}">
											<option value="${brand.enname}">${brand.firstLetter} ${brand.name}</option>
										</c:forEach>
									</select>
									<select class="series-select fm-select fm-select2" id="newSeries" name="newSeries">
										<option value="">请选择车系</option>
									</select>
									<div class="f-clear"></div>
								</li>
							</ul>
							<input type="submit" class="fm-submit mmche-btn" value="提交" />
						</form>
					</div>	
				</div>
				<!--cnt-wrap end-->
				<!--cnt-wrap 置换新车6步走-->
				<div class="cnt-wrap">
					<div class="cnt-hd-wrap">
						<h2>
							置换新车6步走
						</h2>
					</div>
					<ul class="cnt-list why-mmche">
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									1.
								</span>
								<h2 class="f-fl">
									挑选新车：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>
								麦麦车与厦门多家4S门店合作，20多个品牌众多车型可供客户选择；客户可自行前往任意家4S店咨询和挑选新车；
						</p>
						</li>
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									2.
								</span>
								<h2 class="f-fl">
									提交置换报名表：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>填写和提交上面的置换报名表；</p>
						</li>
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									3.
								</span>
								<h2 class="f-fl">
									二手车评估：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>将现有车辆交由麦麦车检测中心进行检测、鉴定；评估师进行评估，获得合理的估价；</p>
						</li>
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									4.
								</span>
								<h2 class="f-fl">
									办理置换购车手续：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>
								由麦麦车专业人员全程陪同以双方签订的置换价格，抵新车车款，与经销商签订销售合同。将二手车及其资料（登记证、购车发票、行驶本、有效期内保险、购置税本、车检合格标以及车主身份证）交予麦麦车；
							</p>
						</li>
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									5.
								</span>
								<h2 class="f-fl">
									车辆过户：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>由麦麦车专业人员全程负责现有车辆的接收与过户；</p>
						</li>
						<li>
							<div class="list-hd">
								<span class="list-no f-fl">
									6.
								</span>
								<h2 class="f-fl">
									提车：
								</h2>
								<div class="f-clear"></div>
							</div>
							<p>4S店将新车交付车主（部分4S店可将该程序与旧车处理流程同时进行，即在有现车的情况下两到三个工作日即可提走现车）。</p>
						</li>
					</ul>
				</div>
				<!--cnt-wrap end-->
			</div>
			<div class="f-clear"></div>
		</div>
	</div>
	<!--#cnt end-->
	<%@ include file="../include/foot.jsp"%>
	<script type="text/javascript" src="${contextPath}/resources/js/sell.js"></script>
	<script type="text/javascript" src="${jsPath}/resources/js/jquery/jquery-slide.js"></script>
	<script src="${jsPath}/resources/js/validationEngine/js/jquery.validationEngine.js" type="text/javascript"></script>
	<script src="${jsPath}/resources/js/validationEngine/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript"></script>	<script>
	$(document).ready(function(){
		$("#exchangeForm").validationEngine({
			promptPosition: "bottomRight:0,-5"
		});
	});
	</script>
</body>
</html>